const articleData=[
    { 
      id:0,
      name:'央视新闻',
      title:'常用排序算法之直接插入排序',
      describe:'常用排序算法之直接插入排序',
      detail:'算法思路:把未排序的元素一个一个地插入到有序的集合中，将有序集和从后向前扫描一遍，找到合适的位置插入',
      tag:'算法分析',
      image:'./image/article1.jpg',
      img:'./image/user1.jpg',
      date:'2021-08-20',
      forwarding:200,
      comments:20000,
      praise:600,
    },
    { 
      id:1,
      name:'央视新闻',
      title:'常用排序算法之选择排序',
      describe:'常用排序算法之选择排序',
      detail:'算法思路:找到数组里最小的元素将它与数组中的第一个元素进行交换，其次在剩下的无序数组中找到最小的元素，将它与数组中第二个元素交换，如此往复，直至数组排序',
      tag:'算法分析',
      image:'./image/article2.jpg',
      img:'./image/user2.jpg',
      date:'2021-08-16',
      forwarding:400,
      comments:3000,
      praise:260,
    },
    { 
      id:2,
      name:'央视新闻',
      title:'null和undefined的区别',
      describe:'null和undefined的区别',
      detail:'1.在做if条件判断的时候都会当作flase来处理。2.两者在转换成对象时会抛出引用异常。',
      tag:'算法分析',
      image:'./image/article3.jpg',
      img:'./image/user3.jpg',
      date:'2021-08-16',
      forwarding:3400,
      comments:1600,
      praise:120,
    },
    { 
      id:3,
      name:'央视新闻',
      title:'浏览器的重排与重绘',
      describe:'浏览器的重排与重绘',
      detail:'重绘只是改变元素在页面中的展示样式，不会引起元素在文档流中位置的改变，而重排会重新改变元素在文档流中位置的改变，大量的重排与重绘操作会大大的降低性能，所以应该尽量减少重排与重绘',
      tag:'性能优化',
      image:'./image/article4.jpg',
      img:'./image/user4.jpg',
      date:'2021-07-12',
      forwarding:10,
      comments:20,
      praise:20000,
    },
    { 
      id:4,
      name:'央视新闻',
      title:'js脚本的defer和async属性的区别',
      describe:'关于文章的描述',
      detail:'defer属性先把script脚本立即下载下来 延迟到文档完全被解析之后再执行,async属性，表示文档的加载和渲染与js脚本的加载和执行是并行进行的，即异步执行， 如果有多个带有async属性的script脚本 浏览器不能保证这几个脚本的先后执行顺序',
      tag:'JavaScript',
      image:'./image/article5.jpg',
      img:'./image/user1.jpg',
      date:'2021-06-30',
      forwarding:12,
      comments:2000,
      praise:500,
  
    },
    { 
      id:5,
      name:'央视新闻',
      title:'HTML语义化的好处',
      describe:'关于文章的描述',
      detail:'呈现良好的内容结构,提升用户体验,有利于seo优化,方便其他设备解析,使代码可读性增强，便于团队开发与维护',
      tag:'HTML',
      image:'./image/article10.jpg',
      img:'./image/user5.jpg',
      date:'2021-05-20',
      forwarding:100,
      comments:200,
      praise:900,
  
    },
    { 
      id:6,
      name:'央视新闻',
      title:'HTML语义化的好处',
      describe:'关于文章的描述',
      detail:'呈现良好的内容结构,提升用户体验,有利于seo优化,方便其他设备解析,使代码可读性增强，便于团队开发与维护',
      tag:'HTML',
      image:'./image/article10.jpg',
      img:'./image/user5.jpg',
      date:'2021-05-20',
      forwarding:100,
      comments:200,
      praise:900,
  
    },
    { 
      id:7,
      name:'央视新闻',
      title:'js脚本的defer和async属性的区别',
      describe:'关于文章的描述',
      detail:'defer属性先把script脚本立即下载下来 延迟到文档完全被解析之后再执行,async属性，表示文档的加载和渲染与js脚本的加载和执行是并行进行的，即异步执行， 如果有多个带有async属性的script脚本 浏览器不能保证这几个脚本的先后执行顺序',
      tag:'JavaScript',
      image:'./image/article5.jpg',
      img:'./image/user1.jpg',
      date:'2021-06-30',
      forwarding:12,
      comments:2000,
      praise:500,
  
    },
    { 
      id:8,
      name:'央视新闻',
      title:'浏览器的重排与重绘',
      describe:'浏览器的重排与重绘',
      detail:'重绘只是改变元素在页面中的展示样式，不会引起元素在文档流中位置的改变，而重排会重新改变元素在文档流中位置的改变，大量的重排与重绘操作会大大的降低性能，所以应该尽量减少重排与重绘',
      tag:'性能优化',
      image:'./image/article4.jpg',
      img:'./image/user4.jpg',
      date:'2021-07-12',
      forwarding:10,
      comments:20,
      praise:20000,
    },
    { 
      id:9,
      name:'央视新闻',
      title:'常用排序算法之直接插入排序',
      describe:'常用排序算法之直接插入排序',
      detail:'算法思路:把未排序的元素一个一个地插入到有序的集合中，将有序集和从后向前扫描一遍，找到合适的位置插入',
      tag:'算法分析',
      image:'./image/article1.jpg',
      img:'./image/user1.jpg',
      date:'2021-08-20',
      forwarding:200,
      comments:20000,
      praise:600,
    },
    { 
      id:10,
      name:'央视新闻',
      title:'常用排序算法之选择排序',
      describe:'常用排序算法之选择排序',
      detail:'算法思路:找到数组里最小的元素将它与数组中的第一个元素进行交换，其次在剩下的无序数组中找到最小的元素，将它与数组中第二个元素交换，如此往复，直至数组排序',
      tag:'算法分析',
      image:'./image/article2.jpg',
      img:'./image/user2.jpg',
      date:'2021-08-16',
      forwarding:400,
      comments:3000,
      praise:260,
    },
    { 
      id:11,
      name:'央视新闻',
      title:'null和undefined的区别',
      describe:'null和undefined的区别',
      detail:'1.在做if条件判断的时候都会当作flase来处理。2.两者在转换成对象时会抛出引用异常。',
      tag:'算法分析',
      image:'./image/article3.jpg',
      img:'./image/user3.jpg',
      date:'2021-08-16',
      forwarding:3400,
      comments:1600,
      praise:120,
    },
    { 
      id:12,
      name:'央视新闻',
      title:'浏览器的重排与重绘',
      describe:'浏览器的重排与重绘',
      detail:'重绘只是改变元素在页面中的展示样式，不会引起元素在文档流中位置的改变，而重排会重新改变元素在文档流中位置的改变，大量的重排与重绘操作会大大的降低性能，所以应该尽量减少重排与重绘',
      tag:'性能优化',
      image:'./image/article4.jpg',
      img:'./image/user4.jpg',
      date:'2021-07-12',
      forwarding:10,
      comments:20,
      praise:20000,
    },
    { 
      id:13,
      name:'央视新闻',
      title:'js脚本的defer和async属性的区别',
      describe:'关于文章的描述',
      detail:'defer属性先把script脚本立即下载下来 延迟到文档完全被解析之后再执行,async属性，表示文档的加载和渲染与js脚本的加载和执行是并行进行的，即异步执行， 如果有多个带有async属性的script脚本 浏览器不能保证这几个脚本的先后执行顺序',
      tag:'JavaScript',
      image:'./image/article5.jpg',
      img:'./image/user1.jpg',
      date:'2021-06-30',
      forwarding:12,
      comments:2000,
      praise:500,
  
    },
    { 
      id:14,
      name:'央视新闻',
      title:'HTML语义化的好处',
      describe:'关于文章的描述',
      detail:'呈现良好的内容结构,提升用户体验,有利于seo优化,方便其他设备解析,使代码可读性增强，便于团队开发与维护',
      tag:'HTML',
      image:'./image/article10.jpg',
      img:'./image/user5.jpg',
      date:'2021-05-20',
      forwarding:100,
      comments:200,
      praise:900,
  
    },
    { 
      id:15,
      name:'央视新闻',
      title:'HTML语义化的好处',
      describe:'关于文章的描述',
      detail:'呈现良好的内容结构,提升用户体验,有利于seo优化,方便其他设备解析,使代码可读性增强，便于团队开发与维护',
      tag:'HTML',
      image:'./image/article10.jpg',
      img:'./image/user5.jpg',
      date:'2021-05-20',
      forwarding:100,
      comments:200,
      praise:900,
  
    },
  ]